

<template>
  <div class="category" >
    <h3 >{{title}}分类</h3>
<!--    定义插槽 （挖个坑 等着组件的使用者往里填充）
    包含name属性的slot 称为具名插槽
    <template v-slot:footer>xxxxx</template>
-->
    <slot name="center"></slot>
    <slot name="footer"></slot>

  </div>

</template>
<script >
export default {
  name:'Category',
  props:['title','listData']
}

</script>
<style scoped>
.category{
  background-color: skyblue;
  width: 200px;
  height: 300px;
}
h3{
  text-align: center;
  background-color: orange;
}


</style>